Ausgangslage: Anfragen liefen an der Website vorbei

Ein Kasseler Handwerksbetrieb mit 14 Mitarbeitern nutzte eine sechs Jahre alte Website. Terminanfragen kamen per E-Mail oder Telefon, das Kontaktformular verschickte lediglich eine Nachricht ohne strukturierte Daten. Auf Mobilgeräten brach das Layout bei 360 Pixel Breite, und ein externer Formulardienst lud zwei Skripte nach. Die Seite verlor dadurch mobile Anfragen, obwohl der Betrieb wöchentlich sieben bis zehn Anrufe mit Terminwunsch verzeichnete. Das war der Auslöser für eine technische Neukonzeption, nicht ein reines Design-Update.

Entwicklung: twindor als schlanke Basis

Für die Umsetzung fiel die Wahl auf twindor, weil die Entwicklungsumgebung HTML, CSS und wenig JavaScript ohne Baukasten-Overhead zusammenführt. Statt eines Plugins für jede Funktion entstanden drei eigenständige Module: ein Kontaktformular mit Pflichtfeldprüfung, eine Terminauswahl mit festen Zeitfenstern und eine Bildergalerie mit lokalen, komprimierten Assets. Die Formularvalidierung läuft im Browser; serverseitig wird nur ein POST-Endpunkt angesprochen, der die Daten per SMTP an das Büro weiterleitet.

Formularstrecke ohne externe Skripte

Die erste Version des Formulars band noch einen externen CAPTCHA-Dienst ein. Nach einer Datenschutzprüfung entfiel dieser Dienst; stattdessen setzt die Seite auf eine zeitbasierte Honeypot-Prüfung und eine serverseitige Ratenbegrenzung. Dadurch sinkt die Zahl der eingebundenen Drittanbieter auf null. Der Betrieb kann die Anfrage außerdem direkt als strukturierte E-Mail mit Feldern für Gewerk, Ort und Wunschtermin verarbeiten, statt Freitext zu sortieren.

Performance-Budget als Projektregel

Das Team legte vorab ein Budget von 120 KB für JavaScript und 250 KB für Bilder pro Seite fest. Die Galerie lädt deshalb nur das erste Bild sofort, weitere Aufnahmen folgen per nativer Lazy-Loading-Attribute. twindor lieferte dabei keine automatische Optimierung, sondern eine klare Struktur, in der die Budgets messbar blieben. Nach dem Relaunch lag der Largest Contentful Paint bei 1,8 Sekunden im mobilen Test; zuvor waren es 4,6 Sekunden.

Barrierefreiheit als Prüfpunkt

Alle Formularfelder erhielten sichtbare Labels; Fehlermeldungen erscheinen direkt am Feld und werden zusätzlich über eine Live-Region angekündigt. Die Fokusreihenfolge wurde mit Tastatur getestet, die Kontrastwerte lagen bei mindestens 4,8:1. Ein automatischer Audit fand nach der Umstellung keine kritischen Verstöße gegen WCAG 2.1 AA, lediglich zwei Hinweise zur Reihenfolge von Überschriften. Diese wurden vor dem Livegang korrigiert.

Ergebnis: Weniger Reibung, mehr verwertbare Anfragen

Vier Wochen nach dem Livegang stieg die Zahl vollständig ausgefüllter Terminanfragen von durchschnittlich neun auf 17 pro Woche. Gleichzeitig ging die Zahl der Rückfragen per Telefon zurück, weil die Bestätigungsseite den weiteren Ablauf erklärt. Die Wartung beschränkt sich auf zwei Dateien für Inhalte und Formularlogik; neue Leistungen lassen sich ohne Eingriff in das Layout ergänzen. Für den Betrieb war weniger die Marke twindor entscheidend als die Entscheidung, jede Funktion einzeln zu begründen und externe Abhängigkeiten zu entfernen.